<template>
	<view>
		<view class="">
			<!-- 2.0.19支持autoBack，默认为false -->
			<u-navbar leftText="费用详情" :autoBack="true">
			</u-navbar>
		</view>
		<view class="con-body">
			<view style="background-color: #fff;margin-top:20rpx;">
				<view style="padding:20rpx 0;border-bottom:2rpx solid #f8f8f8;">
					<view class="dis_inl_blo expenses_con">
						<text class="dis_blo">付款方式</text>
						<text class="dis_blo">-</text>
						<text>押一付三</text>
					</view>
					<view class="dis_inl_blo expenses_con">
						<text class="dis_blo">租金</text>
						<text class="dis_blo">(元/月)</text>
						<text>1200</text>
					</view>
					<view class="dis_inl_blo expenses_con">
						<text class="dis_blo">押金</text>
						<text class="dis_blo">(元)</text>
						<text>1200</text>
					</view>
					<view class="dis_inl_blo expenses_con">
						<text class="dis_blo">服务费</text>
						<text class="dis_blo">(元)</text>
						<text>0</text>
					</view>
					<view class="dis_inl_blo expenses_con">
						<text class="dis_blo">中介费</text>
						<text class="dis_blo">(元)</text>
						<text>押金一半</text>
					</view>
				</view>
				<view style="padding:20rpx 0;border-bottom:2rpx solid #f8f8f8;">
					<view class="dis_inl_blo expenses_con">
						<text class="dis_blo">水费</text>
						<text class="dis_blo">(元/立方)</text>
						<text>2.7</text>
					</view>
					<view class="dis_inl_blo expenses_con">
						<text class="dis_blo">电费</text>
						<text class="dis_blo">(元/度)</text>
						<text>0.55</text>
					</view>
					<view class="dis_inl_blo expenses_con">
						<text class="dis_blo">燃气费</text>
						<text class="dis_blo">(元/立方)</text>
						<text>1.7</text>
					</view>
					<view class="dis_inl_blo expenses_con">
						<text class="dis_blo">暖气费</text>
						<text class="dis_blo">(元/平方)</text>
						<text>5</text>
					</view>
					<view class="dis_inl_blo expenses_con">
						<text class="dis_blo">物业费</text>
						<text class="dis_blo">(元/平方)</text>
						<text>1.7</text>
					</view>
				</view>
				<view style="padding:20rpx 0;">
					<view class="dis_inl_blo expenses_con">
						<text class="dis_blo">网费</text>
						<text class="dis_blo">(元/月)</text>
						<text>2.7</text>
					</view>
					<view class="dis_inl_blo expenses_con">
						<text class="dis_blo">停车费</text>
						<text class="dis_blo">(元/月)</text>
						<text>0.55</text>
					</view>
					<view class="dis_inl_blo expenses_con">
						<text class="dis_blo">加住费</text>
						<text class="dis_blo">(元/月)</text>
						<text>1.7</text>
					</view>
					
				</view>
			</view>
			<view class="btn_con">
				<view class="btn">在线聊</view>
				<view class="btn btn1">打电话</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data () {
			return {
				
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #f8f8f8;
	}
	.expenses_con{
		width:20%;
		font-size: 28rpx;
		text-align: center;
		text:first-child{
			color:#777;
		}
		text:nth-child(2){
			font-size: 22rpx;
			color:#aaa;
			margin:10rpx 0;
		}
	}
	.btn_con{
		position: fixed;
		bottom:0;
		width:94%;
		padding:30rpx 3%;
		display: flex;
		justify-content: space-around;
		.btn{
			width:45%;
			color:#fff;
			height:70rpx;
			text-align: center;
			line-height: 70rpx;
			border-radius: 35rpx;
			background-image: linear-gradient(to right,#5ff27f,#06cd66);
		}
		.btn1{
			background-image: linear-gradient(to right,#209198,#0c525d);
		}
	}
</style>